简洁好看的网站关闭通知源码

2020-09-14

543次阅读

适用于网站关闭或者是网站整改，把该页面设置为默认第一的页面，用户访问网站的时候会访问到这个网页。

我个人觉得这个页面比较简洁，所以直接扒下来了，所有的css和js以及图片也全部替换为本地文件了，主要是没有地方存储外部文件。

首页截图：

源代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网站已关闭</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">
<script src="/js/fangf12.js" type="text/javascript"></script>
<style>
html{height:100%;}@media only screen and (max-width: 320px){html {font-size: 28px !important; }}@media (min-width: 320.99px) and (max-width: 428px){html {font-size: 30px !important;}}@media (min-width: 428.99px) and (max-width: 481px){html { font-size: 32px !important; }}@media (min-width: 481.99px) and (max-width: 640.99px){html {font-size: 35px !important; }}@media (min-width: 641px){html {font-size: 40px !important; }}p img{max-width:100%;max-height:300px;}p{height:auto;width:100%;font-size: .6rem;}body{height:96%;}.pic{ position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }@media (max-width:767px){.pic{ position: absolute;top:50%;width:96%}}
</style>
</head>
<body oncontextmenu="self.event.returnValue=false" onselectstart="return false">
<div class="pic">
	<p align="center">
		<img src="/js/bye.gif">
	</p>
	<p align="center">
是的，正如你所见—我们的网站已经下线了。
		<br>
		<br>
幸运的是，我们还有机会，不久的将来我们会重新相遇！
		<br>
		<br>
	</p>
</div>
<embed src="https://pb3.pstatp.com/obj/ies-music/storm_music_803299f146014f9139eb86d30440dbe7" hidden="true" autostart="true" loop="true">
</body>
</html>